<template>
	<view class="bangzhu_box">
		<block v-for="(item,index) in list" :key="index">
			<view class="title_box flexjus" @click="goDetail(item)">
				<view class="title s28 family f500">
					{{item.title}}
				</view>
				<view class="icon_box">
					<image class="w100 h100" src="/pages/filePages/static/right_jian_back.png" mode=""></image>
				</view>
			</view>
		</block>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: []
			}
		},
		
		onLoad() {
			this.getData()
		},
		methods: {
			getData() {
				this.$request({
					url: 'article/getHelp',
					method: 'POST',
				}).then(res => {
					if(res.data.code == 1) {
						this.list = res.data.data.data
					}
				})
			},
			goDetail(item) {
				this.$store.commit('getHelp',item)
				uni.navigateTo({
					url:"/pages/filePages/help/helpDetail"
				})
			},
		}
	}
</script>

<style scoped lang="scss">
	.bangzhu_box {
		margin-top: 40upx;
		.title_box {
			padding: 28upx 32upx 28upx 32upx;
			border-bottom: 1upx solid #f4f4f4;
			.icon_box {
				width: 46upx;
				height: 46upx;
			}
		}
	}
	
</style>
